<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>康美海岸</title>
	<meta content="康美海岸" name="Description">
	<meta content="康美海岸" name="Keywords">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/swiper.min.css" />
	<script src="js/jquery-2.1.0.js"></script>
	<script src="js/index.js"></script>
	<script src="js/swiper.min.js"></script>
	<!--图片延迟加载JS-->
	<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
	<script>
		$(function () {
			//图片延迟加载，，，减少一开始加载太多图片导致网络流量大      	
			$("img").lazyload({
				effect: "fadeIn"
			});
		});
	</script>
</head>

<body>
	<!-- feixd -->
	<div class="fiex-top open">
		<div class="main">
			<div class="t-logo">
				<a href="index.html">
					<img src="images/logo-2.png">
				</a>
			</div>
			<ul class="t-nav">
				<li>
					<a href="index.html">
						<span>首页</span>
						<em>Home</em>
					</a>
				</li>
				<li class="active">
					<a href="Product.html">
						<span>产品</span>
						<em>Product</em>
					</a>
				</li>
				<li>
					<a href="News.html">
						<span>新闻</span>
						<em>News</em>
					</a>
				</li>
				<li>
					<a href="About.html" >
						<span>关于我们</span>
						<em>About ours</em>
					</a>
				</li>

			</ul>

			<ul class="t-right">
				<a href="#" class="englist">
					<span>English Site</span>
				</a>
				<a href="login.html" class="conslis">快速登录</a>
				<a href="#" class="conslis">查防伪</a>
			</ul>

		</div>
	</div>
	<!-- feixd -->

	<section class="pdt50 conter-box pdb30" style="margin-top:80px;">
		<div class="main">
			<div class="chanp-boxs clearfix">
				<div class="coin-lef">
					<!-- Swiper -->
					<div class="swiper-container gallery-top">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img src="images/cc1.png">
							</div>
							<div class="swiper-slide">
								<img src="images/cc1.png">
							</div>
							<div class="swiper-slide">
								<img src="images/cc1.png">
							</div>
						</div>
					</div>
					<div class="swiper-container gallery-thumbs">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img src="images/cc1.png">
							</div>
							<div class="swiper-slide">
								<img src="images/cc1.png">
							</div>
							<div class="swiper-slide">
								<img src="images/cc1.png">
							</div>
						</div>
					</div>
				</div>
				<div class="coin-rig">
					<h3 class="chntilte">
						<span>康牌鱼油软胶囊</span>
						<em>植物雌激素，女人年轻的秘密</em>
					</h3>
					<div class="chtn-text">
						<span>
							<em>适应人群：</em>成年女</span>
						<span>
							<em>零 售 价：</em>
							<i>
								<b>238</b>RMB</i>
						</span>
					</div>
				</div>

			</div>

			<ul class="index-chanp clearfix mabo30 bor1">
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li style="margin-right:0;">
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
			</ul>
		</div>
	</section>

	<section class=" conter-box pdb30">
		<div class="main">
			<h3 class="jjh3">
				<span>产品详情</span>
			</h3>
			<div class="bor1 jjh4">
				<h3 class="tt">产品参数：</h3>
				<ul class="uulin">
					<li>
						<span class="ttq">保健功能：</span>
						<span class="ttw">延缓衰老</span>
					</li>
					<li>
						<span class="ttq">适宜人群：</span>
						<span class="ttw">成年女性</span>
					</li>
					<li>
						<span class="ttq">不适宜人群：</span>
						<span class="ttw">孕妇、少年儿童</span>
					</li>
					<li>
						<span class="ttq">主要原料：</span>
						<span class="ttw">大豆提取物、葡萄籽提取物、维生素B1、维生具维生具维生具维生具</span>
					</li>
					<li>
						<span class="ttq">体规格：</span>
						<span class="ttw">12g（0.2g/粒×60粒）</span>
					</li>
					<li>
						<span class="ttq">食用方法及食用量：</span>
						<span class="ttw">每日1次，每次2粒，睡前食用</span>
					</li>
					<li>
						<span class="ttq">批准文号：</span>
						<span class="ttw">卫食健字（2003）第0256号</span>
					</li>
				</ul>
			</div>

			<div class="coppimg">
                  <img src="images/cc2.jpg" alt="">
			</div>

		</div>
	</section>

	<script>
		var galleryTop = new Swiper('.gallery-top', {
			spaceBetween: 10,
		});
		var galleryThumbs = new Swiper('.gallery-thumbs', {
			spaceBetween: 10,
			centeredSlides: true,
			slidesPerView: 'auto',
			touchRatio: 0.8,
			slideToClickedSlide: true,
		});
		galleryTop.controller.control = galleryThumbs;
		galleryThumbs.controller.control = galleryTop;
	</script>
</body>


</body>

</html>